<html>
    <head>
        <title>Yahoo 1997 clone</title>
    </head>
    <body>
        <div class="header" style="text-align: center;">
            <a href="#"><img src="img/new.gif"></a>
            <br>
            <a href="#"><b>NBA Finals</b></a><a href="#"><img src="img/vacation.gif"></a><a href="#">Don't Forget Dad</a>
            <br>
            <div class="searcher" style="margin-top: 1em;">
                <form>
                    <input type="text" name="search"> <input type="submit" value="Search"> <a href="#">options</a>
                </form>
            </div>
            <a href="#">Yellow Pages</a> - <a href="#">People search</a> - <a href="#">Maps</a> - <a href="#">Classifieds</a> - <a href="#">News</a> - <a href="#">Stock Quotes</a> - <a href="#">Sports Scores</a>
        </div>

        <div class="links"  margin-top:10px">
                <table align="center" cellpadding="0" cellspacing="0"><tr><td valign="top"><ul>
                        <li><a href="#"><b>Arts and Humanities</b></a><font size="-1"><br><a href="#">Architecture</a>,
                        <a href="#">Photography</a>,
                        <a href="#">Literature</a>...<p></font>
                        <li><a href="#"><b>Business and Economy</b></a><font size="-1">
                        <a href="#">[<b>Xtra!</b>]</a><br><a href="#">Companies</a>,
                        <a href="#">Investing</a>,
                        <a href="#">Employment</a>...<p></font>
                        <li><a href="#"><b>Computers and Internet</b></a><font size="-1">
                        <a href="#">[<b>Xtra!</b>]</a><br><a href="#">Internet</a>,
                        <a href="#">WWW</a>,
                        <a href="#">Software</a>,
                        <a href="#">Multimedia</a>...<p></font>
                        <li><a href="#"><b>Education</b></a><font size="-1"><br><a href="#">Universities</a>,
                        <a href="#">K-12</a>,
                        <a href="#">College Entrance</a>...<p></font>
                        <li><a href="#"><b>Entertainment</b></a><font size="-1">
                        <a href="#">[<b>Xtra!</b>]</a><br><a href="#">Cool Links</a>,
                        <a href="#">Movies</a>,
                        <a href="#">Music</a>,
                        <a href="#">Humor</a>...<p></font>
                        <li><a href="#"><b>Government</b></a><font size="-1"><br><a href="#">Military</a>,
                        <a href="#">Politics</a>
                        <a href="#">[<b>Xtra!</b>]</a>, 
                        <a href="#">Law</a>,
                        <a href="#">Taxes</a>...<p></font>
                        <li><a href="#"><b>Health</b></a><font size="-1">
                        <a href="#">[<b>Xtra!</b>]</a><br><a href="#">Medicine</a>,
                        <a href="#">Drugs</a>,
                        <a href="#">Diseases</a>,
                        <a href="#">Fitness</a>...</font></ul></td>
                        <td valign="top"><ul>
                        <li><a href="#"><b>News and Media</b></a><font size="-1">
                        <a href="#">[<b>Xtra!</b>]</a><br><a href="#">Current Events</a>,
                        <a href="#">Magazines</a>,
                        <a href="#">TV</a>,
                        <a href="#">Newspapers</a>...<p></font>
                        <li><a href="#"><b>Recreation and Sports</b></a><font size="-1">
                        <a href="#">[<b>Xtra!</b>]</a><br><a href="#">Sports</a>,
                        <a href="#">Games</a>,
                        <a href="#">Travel</a>,
                        <a href="#">Autos</a>,
                        <a href="#">Outdoors</a>...<p></font>
                        <li><a href="#"><b>Reference</b></a><font size="-1"><br><a href="#">Libraries</a>,
                        <a href="#">Dictionaries</a>,
                        <a href="#">Phone Numbers</a>...<p></font>
                        <li><a href="#"><b>Regional</b></a><font size="-1"><br><a href="#">Countries</a>,
                        <a href="#">Regions</a>,
                        <a href="#">U.S. States</a>...<p></font>
                        <li><a href="#"><b>Science</b></a><font size="-1"><br><a href="#">CS</a>,
                        <a href="#">Biology</a>,
                        <a href="#">Astronomy</a>,
                        <a href="#">Engineering</a>...<p></font>
                        <li><a href="#"><b>Social Science</b></a><font size="-1"><br><a href="#">Anthropology</a>,
                        <a href="#">Sociology</a>,
                        <a href="#">Economics</a>...<p></font>
                        <li><a href="#"><b>Society and Culture</b></a><font size="-1"><br><a href="#">People</a>,
                        <a href="#">Environment</a>,
                        <a href="#">Religion</a>...</font></ul></td></tr>
                        <tr><td colspan="2"><hr></td></tr></table>
        
        </div>

        <div class="footer" style="text-align: center; width:550px; margin:auto;">
            <a href="#">My Yahoo!</a> - <a href="#">Yahooligans! for Kids</a> - <a href="#">Beatrice's Web Guide</a> - <a href="#">Yahoo! Internet Life</a>
            <br>
            <a href="#">Weekly Picks</a> - <a href="#">Today's Web Events</a> - <a href="#"><b>Chat</b></a> - <a href="#">Weather Forecasts</a>
            <br>
            <a href="#">Random Yahoo! Link</a> - <a href="#">Yahoo! Shop</a>
            <br>
            <br>
            <b>National Yahoos </b><a href="#">Canada</a> - <a href="#">France</a> - <a href="#">Japan</a> - <a href="#">UK and Ireland</a>
            <br>
            <b>Yahoo! Metros </b><a href="#">Atlanta</a> - <a href="#">Austin</a> - <a href="#">Boston</a> - <a href="#">Chicago</a> - <a href="#">Dallas / Forth Worth</a> - <a href="#">Los Angeles</a>
            <br>
            <b><a href="#">Global Local</a></b> <a href="#">Minneapolis / St. Paul</a> - <a href="#">New York </a> - <a href="#">S.F. Bay</a> - <a href="#"> Seattle </a> - <a href="#">Washington D.C.</a>
            <hr>
            <a href="#">How to Include Your Site</a> - <a href="#"> Company Information</a> - <a href="#">Contributors</a> - <a href="#"><b>Yahoo! to Go</b></a>
        </div>
    </body>
</html>